
// 验证码

// function code_draw () {
//   var canvas_width = $('#canvas').width();
//   var canvas_height = $('#canvas').height();
//   var canvas = document.getElementById("canvas"); //获取到canvas的对象，演员
//   var context = canvas.getContext("2d"); //获取到canvas画图的环境，演员表演的舞台
//   canvas.width = canvas_width;
//   canvas.height = canvas_height;
//   var sCode = "A,B,C,E,F,G,H,J,K,L,M,N,P,Q,R,S,T,W,X,Y,Z,1,2,3,4,5,6,7,8,9,0"; //取值范围
//   var aCode = sCode.split(",");
//   var aLength = aCode.length; //获取到数组的长度
//   var value = [];
//   for (var i = 0; i <= 3; i++) {
//     var j = Math.floor(Math.random() * aLength); //获取到随机的索引值
//     var deg = Math.random() * 30 * Math.PI / 180; //产生0~30之间的随机弧度
//     var txt = aCode[j]; //得到随机的一个内容
//     value[i] = txt.toLowerCase();
//     var x = 10 + i * 20; //文字在canvas上的x坐标
//     var y = 20 + Math.random() * 8; //文字在canvas上的y坐标
//     context.font = "bold 23px 微软雅黑";

//     context.translate(x, y);
//     context.rotate(deg);

//     context.fillStyle = code_randomColor();
//     context.fillText(txt, 0, 0);

//     context.rotate(-deg);
//     context.translate(-x, -y);
//   }
//   // 将生成的值以属性的方法添加到元素
//   value = value.join("");
//   $('#canvas').attr('data-code', value)
//   //验证码上显示线条
//   for (var i = 0; i <= 5; i++) {
//     context.strokeStyle = code_randomColor();
//     context.beginPath();
//     context.moveTo(Math.random() * canvas_width, Math.random() * canvas_height);
//     context.lineTo(Math.random() * canvas_width, Math.random() * canvas_height);
//     context.stroke();
//   }
//   //验证码上显示小点
//   for (var i = 0; i <= 30; i++) {
//     context.strokeStyle = code_randomColor();
//     context.beginPath();
//     var x = Math.random() * canvas_width;
//     var y = Math.random() * canvas_height;
//     context.moveTo(x, y);
//     context.lineTo(x + 1, y + 1);
//     context.stroke();
//   }
// }

// function code_randomColor () { //得到随机的颜色值
//   var r = Math.floor(Math.random() * 256);
//   var g = Math.floor(Math.random() * 256);
//   var b = Math.floor(Math.random() * 256);
//   return "rgb(" + r + "," + g + "," + b + ")";
// }



//通用dialog

// var template = {}
// $('.head_dialog').children().each(function () {
//   console.log($(this))
//   template[$(this).attr('data-name')] = $(this)[0].outerHTML
// })

// $('.head_dialog').children().remove()


// $(document).on('click', '[data-dialog]', function (event) {
//   layer.closeAll();
//   var dialog = $(this).attr('data-dialog');
//   layui.use(['form', 'layedit', 'laydate'], function () {
//     var form = layui.form;
//     layer.open({
//       type: 1,
//       title: false,
//       closeBtn: 1,
//       shadeClose: true,
//       skin: 'dialog_com',
//       content: template[dialog]
//     });
//     form.render()
//   });
// });



// 获取url中的参数 
function getQueryString (name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  var r = window.location.search.substr(1).match(reg);
  if (r != null) {
    return unescape(r[2]);
  }
};

// 获取轮播图高度
function chagnHeight (type, name, carousel) {
  $(type + name).height($(type + name + ' .layui-this').find('img').height())
  carousel.on('change(' + name + ')', function (obj) {
    $(type + name).height($(obj.item).find('img').height())
  });
}

// 回到顶部功能
$(document).on('click', '[back-btn]', function (event) {
  event.preventDefault();
  $('html, body').animate({
    scrollTop: 0
  }, 600);
  return false;
});

// 复制到粘贴板功能
function copyText (str) {

  $('#copy').val(str).show();

  var ele = document.getElementById("copy");
  ele.select();
  document.execCommand('copy', false, null);
  $('#copy').hide();
}
//  // 复制到粘贴板
$(document).on('click', '[data-btn="copy"]', function () {
  layer.msg('联系方式已复制到粘贴板', {
    time: 2000
  })
  var str = $(this).attr('data-text');
  copyText(str);
})





var InterValObj; //timer变量，控制时间
var count = 60; //间隔函数，1秒执行
var curCount; //当前剩余秒数

//发送验证码
function mail () {
  curCount = count;
  var email = $('[name="phone"]').val();
  layer.msg('验证码已发送');
  document.getElementById("btnSendCode").setAttribute("disabled", "true"); //设置按钮为禁用状态
  $('#btnSendCode').addClass('layui-btn-disabled');
  $('#btnSendCode').text("剩余" + curCount + "s");
  InterValObj = window.setInterval(SetRemainTime, 1000); // 启动计时器timer处理函数，1秒执行一次
  $.ajax({
    url: "",
    data: {},
    type: "Post",
    dataType: "json",
    success: function (data) {

    },
    error: function (data) {
      $.messager.alert('错误', data.msg);
    }
  });
}

//timer处理函数
function SetRemainTime () {
  if (curCount == 0) {
    $('#btnSendCode').removeClass('layui-btn-disabled');
    $('#btnSendCode').text("重获验证码");
    window.clearInterval(InterValObj); // 停止计时器
    document.getElementById("btnSendCode").removeAttribute("disabled"); //移除禁用状态改为可用
  } else {
    curCount--;
    $('#btnSendCode').text(curCount + "秒后重获");
  }
}


(function () {

  $('[data-load]').each(function () {
    $(this).load($(this).attr('data-load') + '.html')

  })

  var deviceWidth = document.documentElement.clientWidth > 750 ? 750 : document.documentElement.clientWidth;
  document.documentElement.style.fontSize = (deviceWidth / 7.5) + 'px';
  $(window).resize(function () {
    var deviceWidth = document.documentElement.clientWidth > 750 ? 750 : document.documentElement.clientWidth;
    document.documentElement.style.fontSize = (deviceWidth / 7.5) + 'px';

  })


  // // 计算input字数
  $(document).on("input", '[data-box="input-number"] input,[data-box="input-number"] textarea', function (e) {
    $(this).closest('[data-box="input-number"]').find('[data-input-num]').text(e.srcElement.value.length)
  });

  var wow = new WOW({
    boxClass: 'wow',
    animateClass: 'animate__animated',
    offset: 0,
    mobile: true,
    live: true
  });
  wow.init();

  // $(document).ready(function () {
  //   $("[data-scoll]").click(function () {
  //     var val = $(this).attr('data-scoll')
  //     $("html,body").animate(
  //       { scrollTop: $($("[data-scoll-block=" + val + "]")).offset().top }, 700 /*scroll实现定位滚动*/
  //     );/*让整个页面可以滚动*/

  //     return false;
  //   });
  // });
  function isLeapYear (year) {
    if (year / 4 == 0 && year / 100 != 0) {
      return true;
    } else if (year / 400 == 0) {
      return true;
    } else {
      return false;
    }
  }
  function getDayNumByYearMonth (year, month) {
    switch (month) {
      case 1:
      case 3:
      case 5:
      case 7:
      case 8:
      case 10:
      case 12:
        return 31;
        break;
      case 4:
      case 6:
      case 9:
      case 11:
        return 30;
        break;
      case 2:
        return isLeapYear(year) ? 29 : 28;
    }
  }
  $(document).find(".date_com .item").hover(
    function () {
      $(this).find('.picker').css('display', 'block')
      console.log(123)
    },
    function () {
      $(this).find('.picker').css('display', 'none')
      console.log(123)
    }
  );
  console.log($(document).find(".date_com .item"))
  $(document).on('click', '.date_com .picker .option', function () {
    var val = $(this).text();
    $(this).closest('.item').find('[data-date] [data-value]').text(val);

    var type = $(this).closest('.item').find('[data-date]').attr('data-date');

    var $yearP = $(this).closest('.date_com').find('.yearPicker')
    var $monthP = $(this).closest('.date_com').find('.monthPicker')
    var $dayP = $(this).closest('.date_com').find('.dayPicker')

    var year = $(this).closest('.date_com').find('[data-date="year"] [data-value]').text()
    var month = $(this).closest('.date_com').find('[data-date="month"] [data-value]').text()
    var day = $(this).closest('.date_com').find('[data-date="day"] [data-value]').text()
    if (type == 'year') {
      text = '<div>请先选择年</div>';
      if (year) {
        text = '<div class="name title">月</div> <div class="option">1</div><div class="option">2</div><div class="option">3</div><div class="option">4</div><div class="option">5</div> <div class="option">6</div> <div class="option">7</div> <div class="option">8</div> <div class="option">9</div><div class="option">10</div><div class="option">11</div><div class="option">12</div>'
      }
      $monthP.html(text)

      $monthP.css('display', 'block')
    } else if (type == 'month') {

      $(this).closest('.date_com').find('[data-date="day"] [data-value]').text('')

      text = '<div>请先选择年、月</div>';
      if (month) {
        text = '<div class="name title">日</div>';
        var num = getDayNumByYearMonth(+year, +month)
        console.log(num, +year, +month)
        for (let i = 1; i <= num; i++) {
          text += '<div class="option">' + i + '</div>'
        }
      }
      $dayP.html(text)
      // $monthP.css('display', 'none')
      $dayP.css('display', 'block')
    }
    $(this).closest('.picker').css('display', 'none')

  })



  $(document).scroll(function () {
    var scroH = $(document).scrollTop();
    if (scroH > 1) {
      $('header').addClass('bgcolor')
    } else {
      $('header').removeClass('bgcolor')
    }
  });
  $(document).on('click', '#nav-toggle', function () {
    $(this).toggleClass('active')
    $('.navbox').removeClass('layui-hide')
    if ($(this).hasClass('.open')) {
      $(this).removeClass('open')
      $('.navbox').css('top', '-200%').css('opacity', '0')
    } else {
      $(this).addClass('open')
      $('.navbox').css('top', '0').css('opacity', '1')
    }
  })

  $('.navbox').click(function (e) {
    if (e.target === e.currentTarget) {
      $(this).removeClass('open')
      $('.navbox').css('top', '-200%').css('opacity', '0')
    }
  })
  $(document).on('click', '.active_ul .item', function () {
    if ($(this).closest('.active_ul').hasClass('more')) {
      $(this).toggleClass('active')
      return;
    }

    $(this).closest('.active_ul').find('.active').removeClass('active');
    $(this).addClass('active')
  })
  $('.select').click(function (e) {
    if (e.target === e.currentTarget) {
      if ($(this).hasClass('this')) {

        $('.select').removeClass('this')
      } else {
        $('.select').removeClass('this')
        $(this).addClass('this')
      }
    }
  })

  $('.sd').click(function () {
    if ($(this).hasClass('this')) {

      $(this).removeClass('this')
    } else {

      $(this).addClass('this').siblings().removeClass('this')
    }
  })

  $('.waplbtn').click(function () {

    $('.create_l').css('left', '0')
  })
  $('.waprbtn').click(function () {

    $('.create_r').css('right', '0')
  })

  $('.l_close').click(function () {

    $('.create_l').css('left', '-100%')
  })
  $('.r_close').click(function () {

    $('.create_r').css('right', '-100%')
  })

  // window.onbeforeunload = function () {

  //   var scrollPos;

  //   if (typeof window.pageYOffset != 'undefined') {

  //     scrollPos = window.pageYOffset;

  //   }
  //   else if (typeof document.compatMode != 'undefined' &&
  //     document.compatMode != 'BackCompat') {
  //     scrollPos = document.documentElement.scrollTop;
  //   }
  //   else if (typeof document.body != 'undefined') {
  //     scrollPos = document.body.scrollTop;
  //   }
  //   document.cookie = "scrollTop=" + scrollPos; //存储滚动条位置到cookies中
  // }
  // window.onload = function () {
  //   if (document.cookie.match(/scrollTop=([^;]+)(;|$)/) != null) {
  //     var arr = document.cookie.match(/scrollTop=([^;]+)(;|$)/); //cookies中不为空，则读取滚动条位置
  //     document.documentElement.scrollTop = parseInt(arr[1]);
  //     document.body.scrollTop = parseInt(arr[1]);
  //   }
  // }
})();